export const useData = () => {
  const state = useState('page-index-data', () => ({
    indexData: {},
    configMenu: {},
    footerMenu: [],
  }))

  const footerData = computed(() => state.value.footerMenu)
  const menu = computed(() => state.value.indexData.menu)
  const configMenu = computed(() => state.value.configMenu.menu)
  return {
    state,
    footerData,
    configMenu,
    menu,
  }
}
